<template>
    <div>
        <van-nav-bar title="购物车" left-text="返回" left-arrow @click-left="() => { $router.push('/home/index') }" />
        <van-swipe-cell>
            
            <van-card num="1" price="29.99" desc="" title="全新智能手机" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-8.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" style="height: 100%;" />
            </template>
        </van-swipe-cell>

        <van-swipe-cell>
            <van-card num="1" price="29.99" desc="" title="oppo智能电视" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-7.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" style="height: 100%;" />
            </template>
        </van-swipe-cell>
        <van-swipe-cell>
            <van-card num="1" price="29.99" desc="" title="学生专用智能平板" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-6.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" style="height: 100%;" />
            </template>
        </van-swipe-cell>
        <van-swipe-cell>
            <van-card num="1" price="29.99" desc="" title="学生智能平板" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-5.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" style="height: 100%;" />
            </template>
        </van-swipe-cell>
        <van-submit-bar :price="36853" button-text="结算" @submit="onSubmit">
            <van-checkbox v-model="checked">全选</van-checkbox>
            <van-button square text="删除"  class="delete-button" />
        </van-submit-bar>
    </div>
</template>

<script setup>
const onSubmit = () =>{
     router.push('/dd')
}
import { useRouter } from 'vue-router';
const router =useRouter()
    
</script>

<style lang="scss" scoped></style>